﻿@charset "utf-8";
/* CSS Document */

/*文本框*/
label {display: inline-block;margin-bottom: 5px;}
.form-control {background-color:#FFFFFF;background-image: none;border: 1px solid #ccc;border-radius: 4px;/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/color: #555555;display: block;font-size: 14px;height:21px;line-height:21px;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;vertical-align: middle;width: 200px;}
.col-sm-2 {padding-top:7px;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float:left;}
.col-sm-10 {padding-bottom:15px;}

.btn-default {background-color:#f2f2f2;border-color:#CCCCCC;color: #333333;}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {background-color: #EBEBEB;border-color: #ADADAD;color: #333333;}
.form-control:focus {border-color: #06a7e1;outline: 0 none;}
.form-group{ clear:both;}
input.input-lg{width:300px; display:inline-block;}

/*按钮不同颜色*/
.btn { -moz-user-select: none; background-image: none;border-radius: 4px;border:0;cursor: pointer;display: inline-block;font-size: 14px;font-weight: normal;line-height: 1.42857;margin-bottom: 0;padding: 6px 12px;text-align: center;vertical-align: middle;white-space: nowrap;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {background-color: #EBEBEB;border-color: #ADADAD;color: #333333;}
.btn-file:hover, .btn-file:focus, .btn-file:active, .btn-file.active, .open .dropdown-toggle.btn-file {background-color: #EBEBEB;border-color: #ADADAD;color: #909090;}
 a.btn-email{background-color:#fff; border:1px solid #d9dadc;}
.btn-email:hover, .btn-email:focus, .btn-email:active, .btn-email.active, .open .dropdown-toggle.btn-email {background-color:#EBEBEB;color:#555;border:1px solid #d9dadc;}

.btn-primary {background-color: #199bbd;border-color: #357EBD;color: #FFFFFF;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-color: #1182a1;border-color: #285E8E;color: #FFFFFF;}
.btn-save {background-color: #91bbd9;border-color: #357EBD;color: #FFFFFF;}
.btn-save:hover, .btn-save:focus, .btn-save:active, .btn-save.active, .open .dropdown-toggle.btn-save{background-color: #06a7e1;border-color: #285E8E;color: #FFFFFF;}
.btn-modify {background-color: #06a7e1;color: #FFFFFF;}
.btn-modify:hover, .btn-modify:focus, .btn-modify:active, .btn-modify.active{background-color: #0097cd;color: #FFFFFF;}
.btn-meishi {background-color: #cc3311;color: #FFFFFF; padding:5px 10px;}
.btn-meishi:hover, .btn-meishi:focus, .btn-meishi:active, .btn-meishi.active{background-color: #b92606;color: #FFFFFF;}
.btn-login {background-color: #06a7e1;border-color: #357EBD;color: #FFFFFF; padding:4px 20px;}
.btn-login:hover, .btn-login:focus, .btn-login:active, .btn-login.active{background-color: #0299cf;border-color: #285E8E;color: #FFFFFF;}
.btn-register {background-color:#e74d9c;border-color: #357EBD;color: #FFFFFF;padding:4px 20px;}
.btn-register:hover, .btn-register:focus, .btn-register:active, .btn-register.active{background-color: #d84892;border-color: #285E8E;color: #FFFFFF;}
.btn-register1 {background-color:#5b9dd3;border-color: #357EBD;color: #FFFFFF;padding:8px 45px; font-size:18px; font-weight:bold;}
.btn-register1:hover, .btn-register1:focus, .btn-register1:active, .btn-register1.active{background-color: #3480be;border-color: #285E8E;color: #FFFFFF;}
.btn-login1 {background-color:#5b9dd3;border-color: #357EBD;color: #FFFFFF;padding:8px 45px; font-size:18px; font-weight:bold;}
.btn-login1:hover, .btn-login1:focus, .btn-login1:active, .btn-login1.active{background-color: #3480be;border-color: #285E8E;color: #FFFFFF;}




/*需要按钮不同长度*/
.btn-lg {border-radius: 6px;line-height: 1.33;padding: 6px 30px; font-size:14px;}
.btn-sm {border-radius: 3px;font-size: 12px;line-height: 1.5;padding: 5px 10px;}
.btn-xs {border-radius: 3px;font-size: 12px;line-height: 1.5;padding: 1px 5px;}
.btn-default {background-color: #f2f2f2;border-color: #CCCCCC;color: #333333;}

/*图片的默认状态*/
img {vertical-align: middle;}
.img-thumbnail {background-color: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px;display: inline-block;height: auto;line-height: 1.42857;max-width: 100%;padding: 4px;transition: all 0.2s ease-in-out 0s;}
.img-circle {border-radius: 50%;}
/*关闭按钮*/
button.close {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;cursor: pointer;padding: 0;}
.close:hover, .close:focus {color: #000000;cursor: pointer;opacity: 0.5;text-decoration: none;}
.close {color: #000000;font-size: 21px;font-weight: bold;line-height: 1;opacity: 0.2;text-shadow: 0 1px 0 #FFFFFF;}
.caret {border-left: 4px solid rgba(0, 0, 0, 0);border-right: 4px solid rgba(0, 0, 0, 0);border-top: 4px solid;display: inline-block;height: 0;margin-left: 2px;vertical-align: middle;width: 0;}



/*表格*/
table {border-collapse: collapse;border-spacing: 0; width:100%;}
.table-bordered thead tr th, .table-bordered tbody tr th, .table-bordered tfoot tr th, .table-bordered thead tr td, .table-bordered tbody tr td, .table-bordered tfoot tr td {border: 1px solid #DDDDDD;}
.table thead tr th, .table tbody tr th, .table tfoot tr th, .table thead tr td, .table tbody tr td, .table tfoot tr td {border-top: 1px solid #DDDDDD;line-height: 1.42857;padding: 8px;vertical-align: middle;}
.table thead tr th {border-bottom: 2px solid #DDDDDD;vertical-align: bottom;}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {background-color: #F5F5F5;}
.table thead tr th{ background-color:#eee; text-align:left;}

/*分页效果*/
.pagecon {padding: 20px 0;text-align: center;}
.pagecon .curpg {background: none repeat scroll 0 0 #06a7e1;color: #FFFFFF;cursor: text;}
.pagecon a {background: none repeat scroll 0 0 #EEECEC;border-radius: 3px;box-shadow: 0 1px 1px #CCCCCC;color: #555555;display: inline-block;height: 28px;line-height: 28px;margin: 0 6px 0 0;padding: 0 10px;text-decoration: none;}
.pagecon a:hover {background: none repeat scroll 0 0 #06a7e1;color: #FFFFFF;text-decoration: none;}
.pagecon .curpg:hover {text-decoration: none;}


label.tag1 {
    _margin-top:5px;
   display:inline-block;
   height:20px;
   line-height:20px;
   _vertical-align:middle;
    font-size:12px;
    padding: 0px 2px;
    margin-right: 2px;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #555;
    background-color: #FFF;
    border-color: #CCC;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
}

label.tag {
    _margin-top:5px;
    display:inline-block;
    height:20px;
    line-height:20px;
    _vertical-align:middle;
    vertical-align:middle;
    font-size:12px;
    padding: 0px 5px;
    margin-right: 2px;
    -moz-user-select: none;
    background-image: none;
    border-radius: 10px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    color: #555;
    border-bottom:1px #888888 solid;
    background-color: #FFF;
}
label.ctag {
    _margin-top:5px;
    display:inline-block;
    height:20px;
    line-height:20px;
    _vertical-align:top;
    vertical-align:top;
    font-size:12px;
    padding: 0px 5px;
    margin-right: 2px;
    -moz-user-select: none;
    background-image: none;
    border-radius: 10px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    color: #06a7e1;
    border-bottom:1px #06a7e1 solid;
    background-color: #FFF;
}

label.btag {
    _margin-top:5px;
    display:inline-block;
    height:20px;
    line-height:20px;
    _vertical-align:top;
    vertical-align:top;
    font-size:12px;
    padding: 0px 5px;
    margin-right: 2px;
    -moz-user-select: none;
    background-image: none;
    border-radius: 10px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    color: #06a7e1;
    border-bottom:1px #06a7e1 solid;
    background-color: #FFF;
}


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.progress {
  overflow: hidden;
  height: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}